<!DOCTYPE html><!--声明html是用html5版本编写的，帮助浏览器正确的地显示网页-->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="author" content="drmswt">
    <meta name="generator" content="WebStorm">
    <meta name="viewpoint" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,user-scalable=no"/>
    <title>早行</title><!--网站图标应该怎么搞呢？-->
    <!--<link href="https://fonts.gdgdocs.com/css?family=Lobster" rel="stylesheet" type="text/css">-->
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"/>
    <!--<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>-->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/index.css">

</head>

<body>
<div id="wrap">
    <header>
        <div id="logo">
            <img src="images/logo.gif" alt="logo">
            <h1 title="nickname">Drm Swt</h1>
        </div>
        <div>
            <p align="right" id="visitors">
                <!--<script type="text/javascript" src="js/index.js"></script>-->
                访问量：
                <script type="text/javascript">
                    if (localStorage.pagecount)
                    {localStorage.pagecount=Number(localStorage.pagecount)+1;}
                    else
                    {localStorage.pagecount=1;}
                    document.write(/*"访问量：" +*/ localStorage.pagecount /*+ "次"*/);
                </script>
                次
            </p>
        </div>
        <nav>
            <ul>
                <li><a href="index.html" title="主页">天才喵</a></li>
                <li><a href="pages/lover.html" title="王子">小王子</a></li>
                <li><a href="pages/family.html" title="家人">爱家人</a></li>
                <li><a href="pages/literature.html" title="文字">爱文字</a></li>
                <li><a href="pages/photo.html" title="摄影">爱摄影</a></li>
                <li><a href="pages/school.html" title="学习">爱学习</a></li>
            </ul>
        </nav>
    </header>

    <aside>
        <h2>观点</h2>
        <ul>
            <li>
                <a href="https://www.baidu.com/">baidu</a>
            </li>
            <li>
                <a href="http://user.qzone.qq.com/978447957">m</a>
            </li>
        </ul>
        <div class="row">
            <div class="col-md-4">
                <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i>赞</button>
            </div>
            <div class="col-md-4">
                <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i>Info</button>
            </div>
            <div class="col-md-4">
                <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i></button>
            </div>
        </div>
        <form action="/submit-photo">
            <div class="row">
                <div class="col-md-6">
                    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
                </div>
                <div class="col-md-6">
                    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <label><input type="checkbox" name="personality" checked> Loving</label>
                </div>
                <div class="col-md-4">
                    <label><input type="checkbox" name="personality"> Lazy</label>
                </div>
                <div class="col-md-4">
                    <label><input type="checkbox" name="personality">Crazy</label>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-7">
                    <input type="text" class="form-control" placeholder="cat photo URL" required>
                </div>
                <div class="col-xs-5">
                    <button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i> Submit</button>
                </div>
            </div>
        </form>
    </aside>

    <div id="content">
        <p class="main text-center"><a href="#main">正文部分</a></p>
        <a name="main">
            <p>生活要保持最低程度的潇洒</p>
        </a>
        <div class="line"></div>
        <p id="upbringing">
            <span>所</span>谓教养，简单地说，就是不管你的出身和背景如何，都努力做个更好的人。
            谦逊是一种教养，自尊更是。
        </p>

        <div>
            <div>
                <img src="images/byc/1.jpg" alt="图1" class="img-responsive">
            </div>
            <div>
                <img src="images/byc/2.jpg" alt="图2" class="img-responsive">
            </div>
        </div>

        <div>
            <img src="images/byc/3.jpg" alt="图3">
            <ul>
                <li>不在生气时做决定，不在高兴时轻许诺。</li>
                <li>一个人，学会了一样本事，总舍不得放着不用。——张爱玲</li>
                <li>生命可以归结为一种简单的选择：要么忙于生存，要么赶着去死。——史蒂芬.金</li>
            </ul>
        </div>

    </div>
    <footer>
        <address>Designed by DrmSwt</address>
    </footer>


    <a href="#" id="toTop">回到顶部</a>
</div><!--wrap-->

</body>

</html>